function debugObj(obj) {
	var s = "";
	for (k in obj) {
		s += k + "=" + obj[k] + "\n";
	}
	alert(s);
}
var conn = new Ext.data.Connection({
			autoAbort : false,
			defaultHeaders : {
				referer : (function() {
					return 'http://localhost:18080/online_phase2/jst/'
				})()
			},
			method : 'GET',
			url : 'jst_channel_demo.jsp?port=bbbb'
		});

function getData(conn) {
	var ret = null;
	conn.request({
				success : function(response) {
					var json = response.responseText;
					// alert(json);
					var p = json.indexOf('{');
					// alert(p);
					json = json.substring(p);
					p = json.indexOf(';');
					// alert(p);
					json = json.substring(0, p - 1);
					var oo = eval("(" + json + ")");
					// debugObj(oo);
					// var recordObj = new Ext.data.Record.create([{
					// name : 'Title',
					// mapping : 'title'
					// }, {
					// name : 'Link',
					// mapping : 'link'
					// }])
					// var store = new Ext.data.Store({
					// proxy :
					// // proxy,
					// new Ext.data.MemoryProxy(oo),
					// reader : new Ext.data.ArrayReader({},
					// // PersonRecord
					// recordObj)
					// });
					// store.load();

					// alert('store.proxy.data.messages\n'
					// + store.proxy.data.messages);
					// debugObj(store.proxy.data.messages[0]);
					// alert('store.proxy.data.messages[0].title\n'
					// + store.proxy.data.messages[0].title);
					// alert('store.proxy.data.messages[1].link\n'
					// + store.proxy.data.messages[1].link);
					// alert('store.proxy.data.image\n' +
					// store.proxy.data.image);
					var myStr = "Hello ${image}" + " ${messages[0].title} "
							+ ", Welcome back!";
					result = myStr.process(oo);
					// alert(result);
					document.getElementById("outputdiv").innerHTML = '<font color=red>'
							+ result + '</font>';
				},
				failure : function() {
					alert('failure');
				}
			});
	// alert(ret);
	return ret;
}

Ext.onReady(function() {
	Ext.Ajax.request({
		url : 'http://localhost:18080/online_phase2/jst/jst_channel_demo.jsp?port=bbbb',
		method : 'post',
		headers : 'Content-Type: text/json',
		success : function(response, op) {
			var json = response.responseText;
			var p = json.indexOf('{');
			json = json.substring(p);
			p = json.indexOf(';');
			json = json.substring(0, p - 1);
			var oo = eval("(" + json + ")");
//			debugObj(oo);
		},
		failure : function(response, op) {
			Ext.Msg.alert('failure错误', response.responseText);
		}
	});

	// var proxy1 = new Ext.data.ScriptTagProxy({
	// url :
	// 'http://localhost:18080/online_phase2/jst/jst_channel_demo.jsp?port=bbbb'
	// });
	// debugObj(proxy);
	// debugObj(proxy.events);
	// debugObj(proxy.head);
	// debugObj(proxy.load);
	// debugObj(proxy.load.prototype);
	// debugObj(conn.defaultHeaders);
	// alert(conn.url);
	// var bb = getData(conn);

	// var proxy = new Ext.data.HttpProxy({
	// url : 'http://localhost:18080/online_phase2/jst/messages.js'
	// });
	// // proxy.HttpProxy(conn);
	//
	// var PersonRecord = Ext.data.Record.create([[{
	// name : 'title',
	// type : 'string'
	// }, {
	// name : 'link',
	// type : 'string'
	// }]
	//
	// ]);
	var recordObj = new Ext.data.Record.create([{
				name : 'Title',
				mapping : 'title'
			}, {
				name : 'Link',
				mapping : 'link'
			}])
	var data = {
		image : "http://portal-dr-db-3.gmcc.net:8000/images/192154.jpg",
		messages : [{
			title : "公开信息（无须鉴权）-2",
			link : "http://portal-dr-db-3.gmcc.net:8000/portlet_backend.py/about"
		}, {
			title : "公开信息（无须鉴权）-1",
			link : "http://portal-dr-db-3.gmcc.net:8000/portlet_backend.py/about"
		}]
	};
	// debugObj(data);
	var store = new Ext.data.Store({
				proxy :
				// proxy1,
				new Ext.data.MemoryProxy(data),
				reader : new Ext.data.ArrayReader({
							image : 'image',
							root : 'messages'
						},
						// PersonRecord
						recordObj)
			});
	store.load();
		// debugObj(store);
		// debugObj(store.data);
		// debugObj(store.data.map);
		// debugObj(store.reader);
		// debugObj(store.proxy);
		// debugObj(store.proxy.data);
		// debugObj(store.proxy.trans);
		// debugObj(store.proxy.params);
		// debugObj(store.proxy.trans.head);
		// debugObj(store.proxy.trans.reader);
		// debugObj(store.proxy.trans.reader.meta);

		//
		// debugObj(store.proxy.data.messages[0]);
		// // alert(store.proxy.data.messages[0].title);
		// // alert(store.proxy.data.messages[1].link);
		// // alert(store.proxy.data.image);
		// // {for p in messages}
		// // {forelse}
		// // {/for}
		//
		// var myStr = "Hello ${image} " +
		// "${messages[0].title} ," +
		// " Welcome back!";
		// result = myStr.process(data);
		// document.getElementById("outputdiv").innerHTML = '<font color=red>'
		// + result + '</font>';
})
